@import './normalize.less';
@import './base.less';
@import './variable.less';


.mmb_secondNav {
  .title {
    border-top: 2px solid #e6e6e6;
    border-bottom: 2px solid #e6e6e6;
    height: 72rem/@base;
    background-image: linear-gradient(to bottom, #fbfbfb, #eee);
    line-height: 72rem/@base;
    padding-left: 16rem/@base;
    font-size: 24rem/@base;
    a {
      float: left;
      font-weight: 400;
    }
    span {
      float: left;
      line-height: 70rem/@base;
    }
    button {
      float: right;
      width: 125rem/@base;
      height: 54rem/@base;
      border-radius: 15rem/@base;
      text-align: center;
      line-height: 50rem/@base;
      margin-top: 6rem/@base;
      margin-right: 14rem/@base;
      outline: none;
      &:active {
        text-decoration: none;
        border-style: none;
      } 
    }
  }
  .content {
    .item {
      border-bottom: 2rem/@base solid #e7e7e7;
      padding: 20rem/@base;
      height: 100%;
      height: 234rem/@base;
      background-color: #ffffff;
      
      .left {
        float: left;
        width: 205rem/@base;
        height: 100%;
        img {
          height: 100%;
        }
      }
      .right {
        float: right;
        width: 488rem/@base;
        height: 100%;
        position: relative;
        a {
          font-size: 26rem/@base;
          color: #180b37;
          height: 81rem/@base;
          line-height: 40rem/@base; 
          margin-bottom: 20rem/@base;
        }
        .price {
          font-size: 30rem/@base;
          color: #ec1e00;
          span {
            font-size: 26rem/@base;
          }
        }
        .comment {
          font-size: 24rem/@base;
          color: #a59aa0;
          position: absolute;
          left: 0;
          bottom: 10rem/@base;
        }
      }
    }
  }
  .paging {
    height: 90rem/@base;
    background-color: #fff;
    text-align: center;
    .prev {
      margin-left: 50rem/@base;
    }
    button {
      height: 66rem/@base;
      width: 163rem/@base;
      border: none;
      background-image: linear-gradient(to bottom, #f0f0f0,#d7d7d7);
      border-radius: 10rem/@base;
      margin-top: 10rem/@base;
      outline: none;
      float: left;
      box-shadow: 0 2rem/@base 1rem/@base #ccc;
      &:active,
      &:focus,
      &:visited {
        border: none;
      }
    }
    select {
      float: left;
      width: 154rem/@base;
      height: 71rem/@base;
      margin: 0 90rem/@base;
      margin-top: 10rem/@base;
      padding-left: 45rem/@base;
      border: none;
      outline: none;
      border: 2rem/@base solid #9d9d9d;
      position: relative;
      &:after {
        content: '';
        display: block;
        height: 67rem/@base;
        width: 20rem/@base;
        border: 2rem/@base solid #ccc;
        position: absolute;
        top: 0;
        right: 0;
      }
      option {
        line-height: 71rem/@base;
        height: 71rem/@base;
      }
    }
  }
}